<!DOCTYPE html>
<html lang="en">

<head>
    <title>里面#有情人饭局#邀请函</title>
    <#include "/lm/components/meta.html" />
    <#include "/lm/components/stylesheets.html" />
    <link href="/lm/stylesheets/view.css?v=6" rel="stylesheet">
</head>

<body>
    <img src="https://i.loli.net/2018/08/23/5b7e86417ec96.png" class="am-img-responsive">
    <div class="letter-container">
        <img class="top" src="https://i.loli.net/2018/08/23/5b7e87a52a786.png">
        <div class="letter">
            <!-- <div class="letter-top">
                <img src="https://i.loli.net/2018/08/23/5b7e88760a7b5.png" />
                <div class="top-input web-font" id="fromName">${info.fromName!}</div>
                <div class="am-cf"></div>
            </div> -->
            <!-- <div class="letter-top">
                <span>：</span>
            </div> -->
            <div class="indent web-font">
                <span>：</span>
            </div>
            <div class="content web-font" id="content">
                <span>${info.content!}</span>
            </div>
            <!-- <div class="letter-bottom">
                <div class="bottom-input web-font" id="toName">${info.toName!}</div>
                <img src="https://i.loli.net/2018/08/23/5b7e88760ec5f.png" />
            </div> -->
            <div class="am-g am-g-collapse letter-bottom">
                <!-- <input type="text" class="bottom-input web-font" maxlength="5" id="toName" /> -->
                <div class="am-u-sm-6 bottom-img">
                    <img src="https://i.loli.net/2018/09/17/5b9e8282c6e9a.png">
                </div>
                <div class="am-u-sm-6 bottom-input-wrap web-font">
                    ${info.fromName!}
                </div>
                <!-- <img src="https://i.loli.net/2018/08/23/5b7e88760ec5f.png" /> -->
            </div>
            <div class="am-cf"></div>
            <div class="am-g type">
                <!-- 闺蜜局 -->
                <#if info.type==1>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3f2b28.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3e57fc.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 爷们局 -->
                <#if info.type==2>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3f41e8.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3ecacf.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 游戏局 -->
                <#if info.type==3>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/17/5b9e7f93b6326.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/17/5b9e7f93b6ecd.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 同学局 -->
                <#if info.type==4>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff4014d4.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3e6f87.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 老铁局 -->
                <#if info.type==5>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff402b08.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3eb40d.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 商务局 -->
                <#--<#if info.type==6>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98b00122533.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/12/5b98aff3e9add.png" class="am-img-responsive select-type" /></div>
                </#if>-->
                <!-- 说事局 -->
                <#if info.type==7>
                    <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/17/5b9e813f0ebed.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6"><img src="https://i.loli.net/2018/09/16/5b9e6a3f75238.png" class="am-img-responsive select-type" /></div>
                </#if>
                <!-- 家人局 -->
                <#if info.type==8>
                    <div class="am-u-sm-6 am-u-sm-offset-3 am-u-end"><img src="https://i.loli.net/2018/09/12/5b98b00120cca.png" class="am-img-responsive select-type" /></div>
                    <#else>
                        <div class="am-u-sm-6 am-u-sm-offset-3 am-u-end"><img src="https://i.loli.net/2018/09/12/5b98aff3e85d5.png" class="am-img-responsive select-type" /></div>
                </#if>
            </div>
            <div class="tip">
                <span>来自：${info.fromName!}的
                    <br />有情人饭局邀请函</span>
            </div>
        </div>
    </div>
    <div class="envelope">
        <!-- <img src="https://i.loli.net/2018/09/16/5b9e67f860917.png" class="am-img-responsive">
        <img src="https://i.loli.net/2018/09/16/5b9e67f842139.png" class="am-img-responsive">
        <img src="https://i.loli.net/2018/09/16/5b9e67f83ab5e.png" class="am-img-responsive">
        <img src="https://i.loli.net/2018/09/16/5b9e67f8525f4.png" class="am-img-responsive">
        <img src="https://i.loli.net/2018/09/16/5b9e67f8506fe.png" class="am-img-responsive"> -->
        <img src="https://i.loli.net/2018/09/21/5ba4517f250b0.png" class="am-img-responsive">
    </div>
    <#include "/lm/components/scripts.html" />
    <#include "/lm/components/wxConfig.html" />
    <script>
    wx.ready(function() {
        wx.hideAllNonBaseMenuItem();
        var title = "里面#有情人饭局#邀请函"
        var desc = "某人有话跟你说…"
        var imgUrl = "${img}"
        var link = '${host}/view/${info.code!}'
        initWXShareAll(title, desc, link, imgUrl)
    })
    </script>
    <script>
    $(document).ready(function() {})
    </script>
</body>

</html>